<!DOCTYPE html>
<html lang="en">
<head>
    <title>欢迎光临重庆江海船舶设备有限公司</title>
    @include("/common/_container.html"){}
</head>
<body>

<!-- 缓冲动画 -->
    @include("/common/_loader.html"){}
<!-- Header -->
    @include("/common/_header.html"){}
<!-- /Header -->

<!-- Slider -->
    @include("/common/_slider.html"){}
<!-- /Slider -->

<!-- Main -->
<main class="main-container">

    <!-- Section: About -->
    <section id="about" class="section">
        <div class="container">

            <div class="row">

                <!-- Feature Block -->
                <div class="col-sm-4 feature fadeIn wow" data-wow-duration="1.3s">
                    <span class="fa fa-anchor icon"></span>
                    <div class="h3 title">公司产品</div>
                    <p class="description">
                        精挑细选百余种产品
                    </p>
                    <a href="${ctxPath}/jhcb/product/product_list.html" class="btn btn-theme">查看更多</a>
                </div>
                <!-- /Feature Block -->

                <!-- Feature Block -->
                <div class="col-sm-4 feature fadeIn wow" data-wow-duration="1.3s" data-wow-delay="0.4s">
                    <span class="fa fa-bullhorn icon"></span>
                    <div class="h3 title">新闻动态</div>
                    <p class="description">
                        我们每天都会发生很多新鲜事
                    </p>
                    <a href="${ctxPath}/jhcb/news/news_list.html" class="btn btn-theme">查看更多</a>
                </div>
                <!-- /Feature Block -->

                <!-- Feature Block -->
                <div class="col-sm-4 feature fadeIn wow" data-wow-duration="1.3s" data-wow-delay="0.8s">
                    <span class="fa fa-users icon"></span>
                    <div class="h3 title">联系我们</div>
                    <p class="description">
                        多种方式帮您快速找到我们
                    </p>
                    <a href="${ctxPath}/jhcb/aboutus/aboutus.html" class="btn btn-theme">查看更多</a>
                </div>
                <!-- /Feature Block -->

            </div>
        </div>
    </section>
    <!-- /Section: About -->

    <!-- Section: Projects -->
    <section id="projects" class="section-small bg-light-gray">
        <div class="container">

            <!-- Section Header -->
            <div class="row">

                <div class="col-md-6">
                    <header>
                        <h2 class="section-title">公司<span class="text-theme">主打产品</span></h2>
                        <p class="section-subtitle">肯定有一种适合您的产品</p>
                    </header>
                </div>

                <div class="col-md-6">

                </div>

            </div>
            <!-- /Section Header -->

            <!-- Section Content -->
            <div class="row mt">
                @for(categorie in categories){
                <div class="col-md-4 col-sm-6 fadeIn wow" data-wow-duration="${categorieLP.index*0.2}s">
                    <a href="${ctxPath}/jhcb/product/product/${categorie.id}.html" class="project-item">
                        <div class="gallery-image">
                            <img src="${categorie.img_src}" alt="">
                        </div>
                        <div class="info">
                            <div class="h4 title">${categorie.simple_name}</div>
                            <p class="description">${categorie.english_name}</p>
                        </div>
                    </a>
                </div>
                @}
            </div>
            <!-- /Section content -->
        </div>
    </section>
    <!-- /Section: Projects -->

    <!-- Section: More Features -->
    <section id="more-features" class="section">
        <div class="container">

            <!-- Section Header -->
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <header class="text-center">
                        <h2 class="section-title">为什么<span class="text-theme">选择我们</span></h2>
                        <p class="section-subtitle">给你100个选择我们的理由</p>
                    </header>
                </div>
            </div>
            <!-- /Section Header -->

            <!-- Section Content -->
            <div class="row section-content zoomIn wow">

                <!-- Feature Block -->
                <div class="col-md-4 col-sm-6 more-feature">
                    <div class="media">
                        <div class="media-left">
                            <span class="icon_link_alt icon"></span>
                        </div>
                        <div class="media-body">
                            <h3 class="title">拥有自主加工厂</h3>
                            <p class="description">
                                拥有本地加工厂，自主研发生产设备
                            </p>
                        </div>
                    </div>
                </div>
                <!-- /Feature Block -->

                <!-- Feature Block -->
                <div class="col-md-4 col-sm-6 more-feature">
                    <div class="media">
                        <div class="media-left">
                            <span class="icon_easel icon"></span>
                        </div>
                        <div class="media-body">
                            <h3 class="title">重庆本土50强</h3>
                            <p class="description">
                                重庆本土50强，口碑极好。
                            </p>
                        </div>
                    </div>
                </div>
                <!-- /Feature Block -->

                <!-- Feature Block -->
                <div class="col-md-4 col-sm-6 more-feature">
                    <div class="media">
                        <div class="media-left">
                            <span class="icon_puzzle icon"></span>
                        </div>
                        <div class="media-body">
                            <h3 class="title">客户遍布全国</h3>
                            <p class="description">
                                客户遍布全国，拥有18个区域的直销客户。
                            </p>
                        </div>
                    </div>
                </div>
                <!-- /Feature Block -->

                <!-- Feature Block -->
                <div class="col-md-4 col-sm-6 more-feature">
                    <div class="media">
                        <div class="media-left">
                            <span class="icon_download icon"></span>
                        </div>
                        <div class="media-body">
                            <h3 class="title">线上线下销售渠道</h3>
                            <p class="description">
                                拥有实体门店，可线上进行产品浏览线下购买。
                            </p>
                        </div>
                    </div>
                </div>
                <!-- /Feature Block -->

                <!-- Feature Block -->
                <div class="col-md-4 col-sm-6 more-feature">
                    <div class="media">
                        <div class="media-left">
                            <span class="icon_heart_alt icon"></span>
                        </div>
                        <div class="media-body">
                            <h3 class="title">中国CCS成员</h3>
                            <p class="description">
                                中国CCS成员，对中国的救生设备有着极大贡献。
                            </p>
                        </div>
                    </div>
                </div>
                <!-- /Feature Block -->

                <!-- Feature Block -->
                <div class="col-md-4 col-sm-6 more-feature">
                    <div class="media">
                        <div class="media-left">
                            <span class="icon_cogs icon"></span>
                        </div>
                        <div class="media-body">
                            <h3 class="title">7*24小时客户服务</h3>
                            <p class="description">
                                7*24小时为你提供贴心的服务。
                            </p>
                        </div>
                    </div>
                </div>
                <!-- /Feature Block -->

            </div>
            <!-- /Section Content -->

        </div>
    </section>
    <!-- /Section: More Features -->

    <!-- Section: Statistics -->
    <section id="statistics" class="section bg-tuna">
        <div class="container">

            <div class="row">

                <!-- Statistic Block -->
                <div class="col-sm-3 col-xs-6 stat">
                    <span class="fa fa-globe icon zoomIn wow" data-wow-duration="0.7s"></span>
                    <div class="number animate-number h2" data-value="48"></div>
                    <h4 class="title bounceInUp wow" data-wow-duration="0.7s">全球门店数量（个）</h4>
                </div>
                <!-- /Statistic Block -->

                <!-- Statistic Block -->
                <div class="col-sm-3 col-xs-6 stat">
                    <span class="fa fa-pencil icon zoomIn wow" data-wow-duration="0.7s"></span>
                    <div class="number animate-number h2" data-value="1002892"></div>
                    <h4 class="title bounceInUp wow" data-wow-duration="0.7s">总销售产品数（件）</h4>
                </div>
                <!-- /Statistic Block -->

                <!-- Statistic Block -->
                <div class="col-sm-3 col-xs-6 stat">
                    <span class="fa fa-users icon zoomIn wow" data-wow-duration="0.7s"></span>
                    <div class="number animate-number h2" data-value="500"></div>
                    <h4 class="title bounceInUp wow" data-wow-duration="0.7s">客户总量（家）</h4>
                </div>
                <!-- /Statistic Block -->

                <!-- Statistic Block -->
                <div class="col-sm-3 col-xs-6 stat">
                    <span class="fa fa-bar-chart-o icon zoomIn wow" data-wow-duration="0.7s"></span>
                    <div class="number animate-number h2" data-value="32"></div>
                    <h4 class="title bounceInUp wow" data-wow-duration="0.7s">客户分布区域（个）</h4>
                </div>
                <!-- /Statistic Block -->

            </div>

        </div>
    </section>
    <!-- /Section: Statistics -->


    <!-- Section: Testimonials -->
    <section id="testimonials" class="section-small ">
        <div class="container">

            <!-- Section Header -->
            <div class="row">

                <div class="col-md-6">
                    <header>
                        <h2 class="section-title">最新<span class="text-theme">动态</span></h2>
                        <p class="section-subtitle">公司每天都是很多新鲜事发生</p>
                    </header>
                </div>

            </div>
            <!-- /Section Header -->

            <!-- Section Content -->
            <div class="row mt">
                <div class="col-md-12 zoomIn wow">

                    <!-- Testimonials Carousel -->
                    <div id="testimonials-carousel" class="testimonials-carousel owl-carousel owl-theme">
                        @for(news in newss){
                        <!-- Testimonial -->
                        <div class="testimonial">
                            <div class="content">
                                <div class="media">
                                    <div class="media-left img_100">
                                        <img src="${news.img_src}" alt="">
                                    </div>
                                    <div class="media-body media-middle">
                                        <p class="text">
                                            <a href="${ctxPath}/jhcb/news/news_detail/${news.id}.html">${news.title}</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Testimonial -->
                        @}

                    </div>
                    <!-- /Testimonials Carousel -->

                </div>
            </div>
            <!-- /Section Content -->

        </div>
    </section>
    <!-- /Section: Testimonials -->


</main>
<!-- /Main -->

<!-- Footer -->
    @include("/common/_footer.html"){}
<!-- /Footer -->


</body>
</html>